<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
          xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head  th:replace="top::html">
</head>
<style type="text/css">
	#userGroup .form-control {
		display: inline;
		width: 234px;
	}
	form > *, #userGroup > * {
		margin-right: 30px;
	}
</style>

<body class="fixed hold-transition skin-blue">
<div class="wrapper">
    <div th:replace="tophtml::html" ></div>
  <div th:replace="left::html" ></div>

  <div class="content-wrapper">
    <section class="content-header">
      <h1>
        <small></small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
      </ol>
    </section>
    <section class="content container-fluid">
         <form th:action="@{/user/showUserList}" method="get" id="from1">
             <input style="width: 500px; display:inline" type="text" class="form-control" placeholder="姓名或邮箱" name="searchKeyword" th:value="${searchKeyword}">
             <button type="submit" class="btn btn-primary">检索</button>
             <input type="hidden" name="pageNo" id="pageNo" th:value="${pageInfo.pageNum}"/>
        </form>
        
		<div id="userGroup">
			<select class="form-control" name="groupNameId">
				<option th:each="dic : ${userGroupDicList}" th:value="${dic.pid}" th:text="${dic.worth}"></option>
			</select>
			<select class="form-control" name="position">
				<option value="1">组长</option>
				<option value="2" selected="selected">组员</option>
			</select>
			<button class="btn btn-primary">添加用户到分组</button>
		</div>
<div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">用户列表</h3>
            </div>
            <div class="box-body">
              <table class="table table-bordered">
                <tbody>
                <tr>
                 <th><input id="all" type="checkbox"></th>
                  <th style="width: 10px">登录账号</th>
                  <th>用户姓名</th>
                  <th>岗位</th>
                  <th >入职时间</th>
                  <th >电话</th>
                  <!-- <th >添加时间</th> -->
                  <th >是否禁用</th>
                  <th >角色</th>
                  <th >分组</th>
                  <th >操作</th>
                </tr>
                <tr th:each="collect,iterStat : ${pageInfo.list}">
                  <td>
                  	<input class="matched" type="checkbox" th:value="${collect.pid}">
                  </td>
                  <td th:text="${collect.userName}">1.</td>
                  <td th:text="${collect.fullName}">1.</td>
                  <td th:text="${collect.post}">1.</td>
                  <td th:text="${collect.entryTime}">1.</td>
                  <td th:text="${collect.tell}">1.</td>
                  <!-- <td th:text="${collect.addTime}">1.</td> -->
                  <td th:text="${collect.disable} == 1 ? 否 : 是">1.</td>
                  <td >
                	 <span th:each="ss:${collect.roles}" th:text="${ss.name}"></span>
                  </td>
                  
                  <td th:text="${useridAndGroupMap.get(collect.pid)}">1.</td>
               	  <td>
               	  	<a href="/user/showAddUser">添加</a>|
               	  	<a th:href="@{'/user/showUpdateUser?userId='+${collect.pid}}">修改</a>|
               	  	<a th:href="'javascript:deleteFromUserGroup(\''+${collect.pid}+'\', \''+${collect.fullName}+'\')'">移出分组</a>
               	  	</td>
                </tr>
                <tr>
                  
                </tr>
               
              </tbody>
              </table>
            </div>
			<div th:replace="page::html" ></div>
          </div>
    </section>
  </div>
  <div th:replace="footer::html" ></div>
  <div class="control-sidebar-bg"></div>
</div>
<div th:replace="bottom::html" ></div>
</body>
</html>